<template>
    <div>
        
              <bigbg
     :url="bandat.bgImg"
    :bigtext="bandat.title"
    :smalltext="bandat.subtitle"
    ></bigbg>
 <!-- 详情页 -->
    <div v-html='pagetable'>
    </div>
   
    <!-- 头部组件 -->
    <Header></Header>
    <!-- 底部组件 -->
    <Footer></Footer>
    </div>
</template>
<script>
//根据id获取导航配置得接口 游园详情 d847cae2-64d3-4fc9-95e5-1378eba52be5"
import {getlag,getpages} from '@/api/srapi/srapi.js'
//引入头部组件
import Header from "@/components/Header.vue";
// 引入底部组件
import Footer from "@/components/Footer.vue";
import bigbg from "@/views/srdemo/component/bigbg.vue";
export default {
    name:'playpage',
   components:{
       Header,
       Footer,
       bigbg
   },
  data() {
    return {
      bandat:{},
      pagetable:null
    };
  },
 async mounted() {
   //获取页面的全部数据
   const res= await getlag("d847cae2-64d3-4fc9-95e5-1378eba52be5")
   console.log(res);
   console.log(res.data.data);
   this.bandat=res.data.data
   //获取详情页
     const pages=await  getpages(this.bandat.pcUrl)
     this. pagetable=pages.data.content
     console.log(pages.data.content);

  },
   
}
</script>
<style lang="scss" scoped>
* {
     padding: 0;
  margin: 0;
     box-sizing: border-box;
}

</style>